<template>
    <div>
        <div class="disclaimer">
            <p class="p1">{{title}}</p>
            <div class="p3" v-html="content"> </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "",
        data(){
            return {
                title:"",
                content:""
            }
        },
        mounted(){
            this.getUser()
        },
        methods:{
            getUser(){
                var that=this;
                that.request1.post1({
                    url: that.Url + "api/user.index/index",
                    params: {  },
                    success: function (res) {
                        console.log(res)
                        if (res.data.code == 1) {
                            that.title=res.data.data.fwarticle.title;
                            that.content=res.data.data.fwarticle.content;
                        } else {
                            alert(res.data.msg)
                        }
                    },
                    fail: function (error) {
                        alert(error.data.msg)
                    }
                })
            }
        }
    }
</script>

<style scoped>
    .disclaimer {
        padding: 20px 15px;
        background: #fff;
    }
    .disclaimer .p1 {
        font-size: 26px;
        text-align: center;
        display: block;
        font-weight: 700;
    }
    .disclaimer .p2 {
        font-size: 18px;
        display: block;
        font-weight: 700;
        margin-top: 40px;
    }
    .disclaimer .p3 {
        margin-top: 15px;
    }
    .disclaimer .p3, .disclaimer .p4 {
        font-size: 14px;
        display: block;
        line-height: 24px;
    }
    .disclaimer .p3, .disclaimer .p4 {
        font-size: 14px;
        display: block;
        line-height: 24px;
    }
    .disclaimer .p4, .disclaimer .p5 {
        text-indent: 28px;
        color: #666;
    }
    .disclaimer .p5 {
        font-size: 14px;
        display: block;
        line-height: 24px;
    }
</style>